<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>故障类型选择</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="plug-in/ydui/css/ydui.css?rev=@@hash"/>
    <link rel="stylesheet" href="plug-in/ydui/css/demo.css"/>
    <link rel="stylesheet" href="webpage/css/login-main.css" />
    <script src="plug-in/ydui/js/ydui.flexible.js"></script> 
    <style type="text/css">
			.demo-pagetitle{
				position:relative;
				top:10%;
			}
	    	.m-grids-4{
	    		top:20%;
	    		background:transparent;
	    	}
	    	
			.m-grids-4 .grids-item {
				width: 50%;
			}
			.demo-icons [class^="icon-"]:before, .demo-icons [class*=" icon-"]:before { font-size: 0.6rem; color: #FF685D; }
    	</style>
		<link rel="stylesheet" href="webpage/css/login-main.css" />
		<script type="text/javascript" src="webpage/jQuery/jquery-1.9.1.js"></script>
</head>
<body style="background-image: url('webpage/images/02.png'); background-repeat:no-repeat; background-size:cover; background-position:0% 0%;">
<!-- <div class="div"></div> -->
<section class="g-flexview">
	<header class="m-navbar">
        	<a class="navbar-item" href="javascript:history.go(-1)"><i class="back-ico"></i></a>
        	<div class="navbar-center"><span class="navbar-title">故障类型列表</span></div>
    </header>
    <div class="g-scrollview">
    	<form id="form" name="form" class="registerform" method="post">
	        <div style="height:120px;"></div>
	        <div id="table" class="m-grids-4 demo-icons"></div>
	    </form>
    </div>
</section>
	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="plug-in/ydui/js/ydui.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>
<script type="text/javascript" src="plug-in/Validform/js/Validform_v5.3.1_min_zh-cn.js"></script>
<script type="text/javascript" src="plug-in/Validform/js/initValidform.js"></script>
<script type="text/javascript" src="webpage/js/faultfeedback.min.js"></script>
<script type="text/javascript">
$(function(){
	/**权限验证*/
	$(function(){
		volidRole("供电所");
	});
})
$(function(){
	$.ajax({
		type: 'post', // 提交方式 get/post
		url : "infomelController.do?datagrid", // 需要提交的 url
   		async: false,
   		dataType:"json",
		success : function(json) {
			$.each(json.obj,function(key,values){  
				var htmltop = "<a class='grids-item' onclick=js_melinfo('";
				var htmlbody=  "')> "+
								"<div class='grids-icon'> " +
                				"<i class='icon-warn'></i>" +
								"</div>" +
								"<div class='grids-txt'>"
				var htmlfoot=	"</div> " +
								"</a>";
				 $("#table").append(htmltop+key+htmlbody+values+htmlfoot);
			});  
		},
		error : function(){
			
		}
	})
})
function js_melinfo(melCode){
	window.location.href = "infomelController.do?toAdd&melCode="+melCode;
}
</script>
</body>
</html>
